div.workarea {
    padding: 0 4px 0 4px;
    float:left;
}

ul.draglist {
    position: relative;
    width: 184px;
    height: 300px;
    overflow: auto;
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    margin:0;
    padding:0;
}

ul.draglist li {
    margin: 1px;
    padding: 2px;
    cursor: move;
    zoom: 1;
}

ul.draglist li a,
ul.draglist li img{
    cursor: pointer;
}
ul.draglist li img{
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

ul.draglist li a{
    color: #000;
    font-family : Arial, Tahoma, sans-serif;
    font-size: 12px;
    width: 144px;
    padding-left: 2px;
/*    float: left;*/
/*    display: block;*/
}

ul.draglist li span{
/*    float: right;*/
}

ul.draglist_alt {
    position: relative;
    width: 150px;
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty
       list targetable.  Alternatively, we could leave the padding
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move;
}


li.list1 {
    background-color: #D1E6EC;
    border:1px solid #7EA6B2;
}

li.list2 {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}

#user_actions { float: right; }